// Vite配置文件
import { defineConfig, loadEnv } from 'vite'  //定义Vite配置|加载环境变量
import vue from '@vitejs/plugin-vue'          //在Vue项目中使用Vue单文件组件SFCs
import path from 'path'                       //Node.js的模块,用于处理文件路径
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

// 定义Vite配置对象,将其作为默认导出(export default)
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(),
    AutoImport({
    resolvers: [ElementPlusResolver()],
  }),
    Components({
    resolvers: [ElementPlusResolver()],
  })],                           //插件配置,数组包含vue实例,使之支持vue.js,和element的自动按需导入
  server: {                                   //服务器配置
    hmr: true,                                //热交换
    port: 3001,                               //端口号
    proxy: {                                  //配置代理服务器,将所有以/api开头的请求代理到8081
      '/api': {
        target: "http://localhost:8081",
        secure: false,                        //运行不安全的https请求
        changeOrigin: true,                   //指示请求来源
        pathRewrite: {                        //重写路径
          '^/api':'/api',
        },
      },
    },
  },
  resolve: {                                  //路径解析配置
    alias: {                                  //resolve.alias 将@映射到src
      '@': path.resolve(__dirname,'./src'),
    },
  }
})
